<template>
  <div>
    <van-search v-model="value" shape="round" placeholder="请输入您想要的商品" />
    <van-tabs line-height="1px">
      <van-tab v-for="item in tabArr" :title="item.title" :key="item.title" :to="item.router">
        <router-view />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: '',
      tabArr: [
        { title: '热门', router: 'popular' },
        { title: '女装', router: 'about' }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.van-search__content {
  background-color: #f4f4f4;
}
</style>
